<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>星星书籍</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="css/footer.css">
    <script src="js/login.js"></script>
</head>

<body>
    <div class="container">
        <!-- logo图片  -->
        <div class="w">
            <div class="logo">
                <a href="login.html"><img src="./images/logo.gif" alt=""></a>
                <h2><a href="login.html">星星书籍欢迎您</a></h2>
            </div>
        </div>
        <!-- 登录区域 -->
        <div class="content">
            <!-- 背景图片 -->
            <div class="bg"></div>
            <!-- <img src="./images/login2.png" alt=""> -->
            <div class="logins w">
                <!-- 登录选择标题 -->
                <div class="content_title">
                    <span>扫描登陆</span> |
                    <span class="current">账号登陆</span>
                </div>
                <div class="change">
                    <div class="content_l">
                        <p>该网站未注册<br />没有生成二维码</p>
                    </div>
                    <div class="content_r">
                        <h3>公共场所不建议自动登录，以免丢失账号</h3>
                        <form method="get" action="index.html">
                            <ul>
                                <li>
                                    <img src="./images/header.png" alt="">
                                    <input type="text" placeholder="邮箱/用户名/手机号" class="uname">
                                </li>
                                <li>
                                    <img class="img2" src="./images/psd.png" alt="">
                                    <input type="password" placeholder="请输入密码" class="psd">
                                </li>
                                <li>
                                    <div class="denglu">
                                        <input type="checkbox">
                                        <span>自动登录</span>
                                        <a href="javaScript:;">忘记密码?</a>
                                    </div>
                                </li>
                                <li>
                                    <input class="btn" type="submit" value="登    录">
                                </li>
                            </ul>
                        </form>
                    </div>
                </div>
                <!-- 登录方式 -->
                <div class="content_bottom">
                    <ul>
                        <li>
                            <img src="./images/d1.png" alt="">
                        </li>
                        <li><img src="./images/d2.png" alt=""></li>
                        <li><img src="./images/d3.png" alt=""></li>
                        <li><img src="./images/d4.png" alt=""></li>
                    </ul>
                    <a href="register.html">立即注册</a>
                </div>
            </div>
        </div>
        <!-- 版权信息 -->
        <div class="w footer">
            <ul>
                <li><a href="javascript:;">关于我们</a><span>|</span></li>
                <li><a href="javascript:;">联系我们</a><span>|</span></li>
                <li><a href="javascript:;">联系客服</a><span>|</span></li>
                <li><a href="javascript:;">厂家入驻</a><span>|</span></li>
                <li><a href="javascript:;">营销中心</a><span>|</span></li>
                <li><a href="javascript:;">友情链接</a><span>|</span></li>
                <li><a href="javascript:;">销售联盟</a><span>|</span></li>
                <li><a href="javascript:;">前端社区</a><span>|</span></li>
                <li><a href="javascript:;">前端路线益</a><span>|</span></li>
                <li><a href="javascript:;">EngSite</a><span>|</span></li>
                <li><a href="javascript:;">Contact U</a></li>
            </ul><br>
            <p class="copyright">地址：重庆市xxxx 电话：191xxxx4954 邮箱: xxxx@yeah.net <br>
                沪ICP备05002918号
            </p>
        </div>
    </div>
</body>

</html>